<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="with=device-with">
    <link rel="stylesheet" href="search.css">
    <script src="jquery-2.2.3.js"></script>
    <title>search</title>
</head>
<body>
<div class="wrapper">
    <div class="header">
        <div class="left">
            <a href="首页.html"><img src="images/shouye.png" alt=""></a>
        </div>
        <div class="tit">
            <input type="text">
        </div>
        <div class="search">
            <a href="">
                <img src="images/search.png" alt="">
            </a>
        </div>
    </div>
    <div class="list">
        <ul>
            <li class="top"><a href="view.html"><span>预约送小米Max</span></a></li>
            <li class="top"><a href="view.html"><span>小米5尊享版3D</span></a></li>
            <li class="top"><a href="view.html"><span>红米</span></a></li>
            <li><span>小米手机5</span></li>
            <li><span>红米3高配版</span></li>
            <li><span>小米手机4S</span></li>
            <li><span>小米路由器3</span></li>
            <li><span>小米Note</span></li>
            <li><span>小米4c</span></li>
            <li><span>耳机</span></li>
        </ul>
    </div>
</div>
</body>
</html>
<script>
    $(function(){
        function fullwidth(){
            if($('body').width() >= 720){
                $('html').css('font-size', 100 + 'px');
                return;
            }
            var scale = $('body').width() / 720;
            $('html').css('font-size',scale * 100 + 'px');
        }
        fullwidth();
        $(window).resize(function(){
            fullwidth();
        })
    });
</script>